import type { Metadata } from "next";
import { Suspense } from "react";
import { DocumentWorkbench } from "@/components/admin/document-workbench";
import { traceFixture } from "@/components/admin/trace-fixture";

export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
  const { id } = await params;
  return { title: `${id} · Document` };
}

export default async function AdminDocumentPage({ params, searchParams }: { params: Promise<{ id: string }>; searchParams: Promise<Record<string, string | string[] | undefined>> }) {
  const [{ id }, sp] = await Promise.all([params, searchParams]);
  // dev-only layout fixture for the extraction debugger when the worker is not running locally
  const fixture = process.env.NODE_ENV !== "production" && sp.fixture === "1" ? traceFixture(id) : null;
  return (
    <Suspense fallback={null}>
      <DocumentWorkbench id={id} fixture={fixture} />
    </Suspense>
  );
}